<script>
import AboutApi from '../api/about';

export default {
  data() {
    return {
      siteInfo: {}
    }
  },
  mounted() {
    const api = new AboutApi();
    api.getSiteInfo().then(result => {
      this.siteInfo = result.data;
      console.log(result);
    });
  },
}
</script>

<template>
  <my-breadcrumb />
  <div class="about">
    <dl>
      <dt>{{ siteInfo.siteName }}</dt>
      <dd>{{ siteInfo.siteIcp }}</dd>
      <dd>{{ siteInfo.clientIp }}</dd>
    </dl>
  </div>
  <my-modal title="模态框测试" @close-modal="closeModal" v-if="modalShow">
    内容，可以使用template标签定义多个不同的内容
  </my-modal>
</template>

<style></style>